<%=
demo = Class.new(Phlex::HTML) do

  def view_template(&)
    div class: "flex gap-4" do
      div do
        input type: "checkbox", class: "peer", id: "checkbox"
        label for: "checkbox", class: "group flex gap-2 items-center" do
          render Form::SwitchComponent.new
          plain "Switch"
        end
      end

      div do
        input type: "checkbox", class: "peer", id: "checkbox", checked: true
        label for: "checkbox", class: "group flex gap-2 items-center" do
          render Form::SwitchComponent.new
          plain "Switch"
        end
      end

      div do
        input type: "checkbox", class: "peer", id: "checkbox"
        label for: "checkbox", class: "group flex gap-2 items-center", data: {focused: true} do
          render Form::SwitchComponent.new
          plain "Switch"
        end
      end
    end
  end
end
render demo.new
%>
